<template>
  <div id="gaikuang">
    <div class="container">
      <zhuan-ye-ci-shu></zhuan-ye-ci-shu>
      <lang-fang-map></lang-fang-map>
      <qu-xian-map></qu-xian-map>
      <dan-wei></dan-wei>
      <fu-gai-lv></fu-gai-lv>
      <gong-zuo-tong-ji></gong-zuo-tong-ji>
      <xing-zheng></xing-zheng>
      <qu-sui-ji></qu-sui-ji>
    </div>
  </div>
</template>

<script>
import ZhuanYeCiShu from "../components/gaikuang/ZhuanYeCiShu.vue";
import FuGaiLv from "../components/gaikuang/shi/FuGaiLv.vue";
import LangFangMap from "../components/gaikuang/shi/LangFangMap.vue";
import QuXianMap from "../components/gaikuang/xian/QuXianMap.vue";
import XingZheng from "../components/gaikuang/shi/XingZheng";
import QuSuiJi from "../components/gaikuang/xian/QuSuiJi.vue";
import DanWei from "../components/gaikuang/DanWei.vue";
import GongZuoTongJi from "../components/gaikuang/xian/GongZuoTongJi.vue";

import { formatTimeToStr, getXingQi } from "../assets/date.js";
import Bus from "@/plugs/bus";

export default {
  name: "gaikuang",
  data() {
    return {};
  },
  components: {
    ZhuanYeCiShu,
    FuGaiLv,
    LangFangMap,
    QuXianMap,
    XingZheng,

    QuSuiJi,
    DanWei,
    GongZuoTongJi
  },
  computed: {},
  methods: {},
  mounted() {},
  created() {
    console.log("我没有被去掉");

    //根据窗口的大小变动图表
    window.onresize = () => {
      Bus.$emit("changeSize", true);
    };
  }
};
</script>
<style lang="less" scoped>
#gaikuang {
  height: calc(100% - 6.3rem);
  background-color: #04113bc4;
  padding: 0 1.625rem 1.6rem;

  .container {
    color: white;
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    grid-template-rows: repeat(5, 1fr);
    gap: 1.2rem 1.875rem;
    height: 100%;
    .danqwei {
      grid-row: 1;
      grid-column: 1;
    }
    .cishu {
      grid-column: 1;
      grid-row: 2 / span 2;
    }
    .diqu,
    .gongzuo {
      grid-row: 4 / span 2;
    }

    .fugailv {
      grid-row: 4 / span 2;
    }
    .shimap,
    .qumap {
      grid-row: 1 / span 5;
    }
    .xingzheng,
    .qusuiji {
      grid-row: 1 / span 5;
      border: 0.0625rem solid #2c4daa;
    }
  }
}
</style>
